<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	
<p:dialog header="Detalhes do veículo" widgetVar="dialogVeiculoDetalhes" modal="true"
	height="465" width="600" resizable="false">
	
	<h:form id="veiculoDetalhesForm">
	
		<p:panel id="panelVeiculoDetalhesModal" style="height:360px; overflow:auto;">
		
			<table cellspacing="10">
				<tr>
					<td colspan="2">
						<h:outputLabel value="Placa:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.nrPlaca}" />
		            </td>
				</tr>
				<tr>
					<td width="260px;">
						<h:outputLabel value="Fabricante:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.fabricante.nmFabricante}" />
		            </td>
					<td width="260px;">
						<h:outputLabel value="Modelo:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.modelo.nmModelo}" />
		            </td>
				</tr>
				<tr>
					<td>
						<h:outputLabel value="Chassi:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.chassi}" />
		            </td>
					<td>
						<h:outputLabel value="Renavam:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.renavam}" />
		            </td>
		            <td>
						<h:outputLabel value="Estado:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.uf}" />
		            </td>
				</tr>
				<tr>
					<td width="260px;">
						<h:outputLabel value="Combustível:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.combustivel.nmCombustivel}" />
		            </td>
					<td width="260px;">
						<h:outputLabel value="Cambio:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.cambio.nmCambio}" />
		            </td>
				</tr>
				<tr>
					<td>
						<h:outputLabel value="Ano de fabricação:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.anoFabricacao}" />
		            </td>
					<td>
						<h:outputLabel value="Ano do modelo:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.anoModelo}" />
		            </td>
				</tr>
				<tr>
					<td>
						<h:outputLabel value="Cor:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.cor}" />
		            </td>
					<td>
						<h:outputLabel value="Portas:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.portas}" />
		            </td>
				</tr>
				<tr>
					<td>
						<h:outputLabel value="Potência:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.potencia}" />
		            </td>
					<td>
						<h:outputLabel value="Cilindrada:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.cilindrada}" />
		            </td>
				</tr>
				<tr>
					<td colspan="2">
						<h:outputLabel value="Acessórios:" style="font-weight: bold;" />
						<br />
						<ui:repeat var="ass" value="#{manterVeiculosBean.veiculoAux.acessorios}">
	     					<li> 
								<h:outputText value="#{ass.nmAcessorio}" />
							</li> 
						</ui:repeat>
		            </td>
				</tr>
				<tr>
					<td colspan="2">
						<h:outputLabel value="Observações:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterVeiculosBean.veiculoAux.observacao}" />
		            </td>
				</tr>
			</table>

		</p:panel>
			
		<br />
		<div align="right">
			<p:commandButton value="Fechar" onclick="dialogVeiculoDetalhes.hide();" type="button" />
		</div>

	</h:form>
		
</p:dialog>
	
</html>